<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Game Hub - 游戏中心</title>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/game.css">
</head>
<body class="game-page">
    <!-- 顶部导航栏 -->
    <header class="game-header">
        <nav class="nav-container">
            <a href="index2.html" class="back-btn">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                返回主页
            </a>
            <div class="game-info">
                <h1 class="game-title">游戏名称</h1>
                <div class="game-stats">
                    <span class="stat">得分: <span id="score">0</span></span>
                    <span class="stat">最高分: <span id="highScore">0</span></span>
                </div>
            </div>
            <div class="game-actions">
                <button class="action-btn" id="restartBtn" title="重新开始">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M4 4V9H4.58152M19.9381 11C19.446 7.05369 16.0796 4 12 4C8.64262 4 5.76829 6.06817 4.58152 9M4.58152 9H9M20 20V15H19.4185M19.4185 15C18.2317 17.9318 15.3574 20 12 20C7.92038 20 4.55399 16.9463 4.06189 13M19.4185 15H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <button class="action-btn" id="fullscreenBtn" title="全屏">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M4 14H10V20M20 10H14V4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <button class="action-btn" id="helpBtn" title="帮助">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
            </div>
        </nav>
    </header>

    <!-- 游戏主区域 -->
    <main class="game-container">
        <!-- 游戏画布容器 -->
        <div class="game-area">
            <div id="gameCanvas"></div>
        </div>

        <!-- 帮助面板 -->
        <div class="help-panel" id="helpPanel">
            <div class="help-content">
                <h2>游戏说明</h2>
                <div class="controls">
                    <div class="control-group">
                        <h3>基本操作</h3>
                        <div class="control-list">
                            <!-- 控制说明将由具体游戏动态添加 -->
                        </div>
                    </div>
                </div>
                <button class="close-btn" id="closeHelpBtn">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
            </div>
        </div>
    </main>

    <!-- 游戏消息提示 -->
    <div class="game-message" id="gameMessage">
        <div class="message-content">
            <h2>游戏结束</h2>
            <p>得分: <span class="final-score">0</span></p>
            <button class="primary-btn" id="restartGameBtn">重新开始</button>
        </div>
    </div>

    <script src="assets/js/game-manager.js"></script>
</body>
</html>
